//商标大数据
function trademarkCharts(chartId){
	dom=document.getElementById(chartId);
	myChart=echarts.init(dom,'shine');
	var option = {
		title: {
			text: ''
		},
		tooltip : {
			trigger: 'axis',
			axisPointer: {
				type: 'cross',
				label: {
					backgroundColor: '#6a7985'
				}
			},
			formatter: '{b}<br/>{a}：{c}个'
		},
		legend: {
			show: false,
			data:['商标数量']
		},
		grid: {
			top: '3%',
			left: '3%',
			right: '5%',
			bottom: '5%',
			containLabel: true
		},
		xAxis : [
			{
				type : 'category',
				boundaryGap : false,
				data : ['2016年','2017年','2018年'],
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666'
				}
			}
		],
		yAxis : [
			{
				name:'',
				type : 'value',
				align: 'left',
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666'
				},
				splitLine:{
			　　		show:true,
					lineStyle:{
						color: "#dddddd"
					}
			　　	},
				nameTextSytle:{
					show: false,
					color: "#666666"
				}
			}
		],
		series : [
			{
				name:'商标数量',
				type:'line',
				areaStyle: {
					opacity: 0.5
				},
				data:[1588,2278,3575]
			}
		]
	};
	
	if(option && typeof option === "object") {
		myChart.setOption(option, true);
	}
// 	Highcharts.chart(chartId, {
// 	    chart: {
//             marginTop:20
//         },
//         credits: {  
//             enabled: false     //不显示LOGO 
//         },
//         title: {
//             text:'',
//             x: -20 //center
//         },
//         subtitle: {
//             text:'',
//             x: -20
//         },
//         xAxis: {
//             categories: ['2016年','2017年','2018年']
//         },
//         yAxis: {
//             title: {
//                 text: '商标数量（个）'
//             },
//             plotLines: [{
//                 value: 0,
//                 width: 1,
//                 color: '#808080'
//             }]
//         },
//         legend: {
//             enabled: false
//         },
//         tooltip: {
//             valueSuffix:'个'
//         },
//         series: [{
//             name: '商标数量',
//             data: [1588,2278,3575]
//         }]
//     });
}

//专利大数据
function patentsCharts(chartId){
	dom=document.getElementById(chartId);
	myChart=echarts.init(dom,'shine');
	var option = {
		title: {
			text: '',
			subtext: ''
		},
		tooltip: {
			trigger: 'item'
		},
		calculable: true,
		grid: {
			show: true,
			left: '8%',
			right: '3%',
			top: '3%',
			bottom: '12%',
			borderWidth: 0
		},
		xAxis: [
			{
				type: 'category',
				data: ['2016年', '2017年', '2018年'],
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666'
				}
			}
		],
		yAxis: [
			{
				type: 'value',
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666'
				},
				splitLine:{
			　　		show:true,
					lineStyle:{
						color: "#dddddd"
					}
			　　	}
			}
		],
		series: [
			{
				name: '专利数量',
				type: 'bar',
				barWidth: 70,
				itemStyle: {
					normal: {
						color: function(params) {
							var colorList = [
							  '#c12e34','#e6b600','#0098d9','#2b821d',
							  '#005eaa','#339ca8','#cda819','#32a487'
							];
							return colorList[params.dataIndex]
						},
						label: {
							show: true,
							position: 'top',
							formatter: '{c}'
						}
					}
				},
				data: [2033,3403,4038]
			}
		]
	};
	
	if(option && typeof option === "object") {
		myChart.setOption(option, true);
	}
// 	Highcharts.chart(chartId, {
// 	    chart: {
//             type: 'column'
//         },
//         credits: {  
//             enabled: false     //不显示LOGO 
//         },
//         title: {
//             text: ''
//         },
//         subtitle: {
//             text: ''
//         },
//         xAxis: {
//             type: 'category'
//         },
//         yAxis: {
//             title: {
//                 text:'专利数量（个）'
//             }
//         },
//         legend: {
//             enabled: false
//         },
//         plotOptions: {
//             series: {
//             	pointWidth:60,
//                 borderWidth: 0,
//                 dataLabels: {
//                     enabled: true,
//                     format:'<span style="color:{point.color}">{point.y}</span>'
//                 }
//             }
//         },
//         tooltip: {
//             headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
//             pointFormat: '<span>{point.name}</span>: <b>{point.y}</b>'
//         },
//         series: [{
//             name: '专利数量',
//             colorByPoint: true,
//             data: [{
//                 name: '2016年',
//                 y: 2033,
//             }, {
//                 name: '2017年',
//                 y: 3403
//             }, {
//                 name: '2018年',
//                 y: 4038
//             }]
//         }]
// 	});
}

//专利大数据
function knowledgeOverviewCharts(chartId){
	dom=document.getElementById(chartId);
	myChart=echarts.init(dom,'shine');
	var option = {
		tooltip : {
			trigger: 'axis',
			axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		legend: {
			show: true,
			data:['正申请','已授权','未缴费']
		},
		calculable : true,
		grid: {
			show: true,
			left: '3%',
			right: '1%',
			top: '10%',
			bottom: '8%',
			borderWidth: 0,
		},
		xAxis : [
			{
				
				type : 'category',
				data : ["商标","专利","著作权","其他"],
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666',
					fontSize: 16
				}
// 				splitLine:{
// 			　　		show:true,
// 					lineStyle:{
// 						color: "#dddddd"
// 					}
// 			　　	}
			}
		],
		yAxis : [
			{
				min: 0,
				interval: 5,
				type : 'value',
				axisLine:{
					show:true,
					lineStyle:{
						color: "#dddddd"
					}
				},
				axisLabel:{
					color: '#666666'
				},
				splitLine:{
			　　		show:true,
					lineStyle:{
						color: "#dddddd"
					}
			　　	}
			}
		],
		series : [
			{
				name:'正申请',
				type:'bar',
				itemStyle: {
					normal: {
						color:'#c12e34',
						label: {
							show: true,
							position: 'top',
							formatter: '{c}'
						}
					}
				},
				data:[12, 12, 21, 7]
			},
			{
				name:'已授权',
				type:'bar',
				itemStyle: {
					normal: {
						color:'#60ac46',
						label: {
							show: true,
							position: 'top',
							formatter: '{c}'
						}
					}
				},
				data:[13, 15, 22, 10]
			},
			{
				name:'未缴费',
				type:'bar',
				itemStyle: {
					normal: {
						color:'#0098d9',
						label: {
							show: true,
							position: 'top',
							formatter: '{c}'
						}
					}
				},
				data:[12, 12, 12, 9]
			}
		]
	};
    
	if(option && typeof option === "object") {
		myChart.setOption(option, true);
	}
}
// function knowledgeOverviewCharts(chartId){
// 	Highcharts.chart(chartId, {
// 	    chart: {
// 			type: 'column'
// 		},
// 		title: {
// 			text: ''
// 		},
// 		subtitle: {
// 			text: ''
// 		},
// 		credits: {  
// 			enabled: false     //不显示LOGO 
// 		},
// 		legend: {
// 			enabled: false
// 		},
// 		xAxis: {
// 			categories: ["商标","专利","著作权","其他"],
// 			crosshair: true,
// 			labels: {
// 				style: {
// 					fontSize: 14
// 				}
// 			}
// 		},
// 		yAxis: {
// 			min: 0,
// 			max: 30,
// 			tickInterval: 3,
// 			title: {
// 				text: '件数',
// 				style: {
// 					letterSpacing: 3
// 				}
// 			}
// 		},
// 		exporting: {
// 			enabled: false
// 		},
// 		tooltip: {
// 			headerFormat: '<span style="font-size:14px">{point.key}</span><table>',
// 			pointFormat: '<tr><td style="color:{series.color};padding:0;font-size:14px">{series.name}</td>' +
// 			'<td style="padding:0">：<b>{point.y} 个</b></td></tr>',
// 			footerFormat: '</table>',
// 			shared: true,
// 			useHTML: true
// 		},
// 		plotOptions: {
// 			column: {
// 				borderWidth: 0,
// 				borderRadius: 5
// 			},
// 			series: {
// 				dataLabels: {
// 					enabled: true,
// 					padding: 0,
// 					format:'<span style="color:{point.color};font-size:14px;">{point.y}</span>'
// 				}
// 			}
// 		},
// 		series: [{
// 			name: '正申请',
// 			data: [12, 12, 21, 7]
// 		}, {
// 			name: '已授权',
// 			data: [13, 15, 22, 10]
// 		}, {
// 			name: '未缴费',
// 			data: [12, 12, 12, 9]
// 		}]
// 	});
// }